<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>博噔</title>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="layui/css/layui.css" />
    <link rel="stylesheet" href="css/master.css" />
    <link rel="stylesheet" href="css/gloable.css" />
    <link rel="stylesheet" href="css/nprogress.css" />
    <link rel="stylesheet" href="css/blog.css" />
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
                <a href="javascript:void(0)" class="header-logo" id="logo">Ruchsky</a>
                <nav class="nav" id="nav">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="article.html">博客</a></li>
                        <li><a href="/message.html">留言</a></li>
                        <li><a href="link.html">友链</a></li>
                    </ul>
                </nav>
                <a href="/User/QQLogin" class="blog-user">
                    <i class="fa fa-qq"></i>
                </a>
                <a class="phone-menu">
                    <i></i>
                    <i></i>
                    <i></i>
                </a>
            </div>
        </div>
    </header>
    <div class="doc-container" id="doc-container">
        <div class="container-fixed">
		    <div class="col-content">
		        <div class="inner">
		            <article class="article-list bloglist" id="LAY_bloglist" >
						{{ range .BlogInfos }}
								<section class="article-item zoomIn article">
									<div class="fc-flag">hold</div>
									<h5 class="title">
										<span class="fc-blue">【原创】</span>
										<a href="read.html?blogId={{ .BlogId }}">{{ .Name }}</a>
									</h5>
									<div class="time">
										<span class="day">{{ .Day }}</span>
										<span class="month fs-18">{{ .Moth }}<span class="fs-14">月</span></span>
										<span class="year fs-18 ml10">{{ .Year }}</span>
									</div>
									<div class="content">
										<a href="read.html?blogId={{ .BlogId }}" class="cover img-light">
											<img src="{{ .TitleImg }}">
										</a>
										{{ .Title }}
									</div>
									<div class="read-more">
										<a href="read.html" class="fc-black f-fwb">继续阅读</a>
									</div>
									<aside class="f-oh footer">
										<div class="f-fl tags">
											<span class="fa fa-tags fs-16"></span>
											<a class="tag">{{ .Name }}</a>
										</div>
										<div class="f-fr">
									<span class="read">
										<i class="fa fa-eye fs-16"></i>
										<i class="num">none</i>
									</span>
											<span class="ml20">
										<i class="fa fa-comments fs-16"></i>
										<a href="javascript:void(0)" class="num fc-grey">{{ .RemarkCount }}</a>
									</span>
										</div>
									</aside>
								</section>
						{{ end }}
		            </article>
		        </div>
		    </div>
		    <div class="col-other">
		        <div class="inner">
					<div class="other-item" id="categoryandsearch">
						<h5 class="other-item-title">全部文章</h5>
			    		<ul class="category mt20" id="category">
							{{ range .Recommends }}
								<li data-index="2"><a href="read.html?blogId={{ .BlogId }}">{{.BlogName}}</a></li>
							{{ end }}

			    		</ul>
					</div>
					<!--右边悬浮 平板或手机设备显示-->
					<div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
					<div class="article-category">
					    <div class="article-category-title">分类导航</div>
							{{ range .Recommends }}
								<a href="read.html?blogId={{ .BlogId }}">{{.BlogName}}</a>
							{{ end }}
					    <div class="f-cb"></div>
					</div>
					<!--遮罩-->
					<div class="blog-mask animated layui-hide"></div>
					<div class="other-item">
					    <h5 class="other-item-title">热门文章</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
								{{ range .Recommends }}
									<li><a href="read.html?blogId={{ .BlogId }}">{{.BlogName}}</a></li>
								{{ end }}
					        </ul>
					    </div>
					</div>
					<div class="other-item">
					    <h5 class="other-item-title">置顶推荐</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
								{{ range .Recommends }}
									<li><a href="read.html?blogId={{ .BlogId }}">{{.BlogName}}</a></li>
								{{ end }}
					        </ul>
					    </div>
					</div>
		        </div>
		    </div>
		</div>
    </div>
    <footer class="grid-footer">
        <div class="footer-fixed">
            <div class="copyright">
                <div class="info">
                    <div class="contact">
						<a href="https://github.com/hujianMr" class="github" target="_blank" title="github"><i class="fa fa-github"></i></a>
						<a href="https://wpa.qq.com/msgrd?v=3&uin=847562597&site=qq&menu=yes" class="qq" target="_blank" title="847562597"><i class="fa fa-qq"></i></a>
						<a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=hjj2ee@foxmail.com" class="email" target="_blank" title="hjj2ee@foxmail.com"><i class="fa fa-envelope"></i></a>
						<a href="https://gitee.com/ruchsky" class="fa-gitlab" title="gitee"><i class="fa fa-gitlab"></i></a>
                    </div>
                    <p class="mt05">
                        Copyright &copy; 2019-2020 博登 &copy;All Rights Reserved V.1.0.0 赣ICP备20001171号
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <script src="layui/layui.js"></script>
    <script src="js/yss/gloable.js"></script>
    <script src="js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
 	<script src="js/yss/article.js"></script>
    <script> 
        window.onload = function () {
            NProgress.done();
        };
    </script>
</body>
</html>
